{% extends 'annotating_data/base.html' %}
{% load static %}
{% block header %}
    <header class="header shop">

        <div class="topbar">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 col-md-12 col-12">

                        <div class="top-left">
                            <ul class="list-main">
                                <li><i class="ti-headphone-alt"></i> +86 15837204509</li>
                                <li><i class="ti-email"></i> 20377277@buaa.edu.cn</li>
                            </ul>
                        </div>

                    </div>
                    <div class="col-lg-6 col-md-12 col-12">

                        <div class="right-content">
                            <ul class="list-main">
                                <li><i class="ti-user"></i> <a href="{% url 'task_market:user_mng:self' %}"
                                                               target="_blank">My account</a></li>
                                {% if staues == 'login' %}
                                    <li><i class="ti-power-off"></i><a
                                            href="{% url 'task_market:user_mng:log' %}">Login</a></li>
                                    <li><i class="ti-settings"></i><a href="{% url 'task_market:user_mng:signup' %}">Register</a>
                                    </li>
                                {% else %}
                                    <li><i class="ti-power-off"></i><a href="{% url 'task_market:user_mng:log' %}">Logout</a>
                                    </li>
                                {% endif %}
                                </li>
                            </ul>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        {% csrf_token %}

    </header>

{% endblock %}

{% block content %}
    <div type="text/babel"
         data-plugins="transform-class-properties"
         id="label-studio"></div>
    <script src="{% static 'annotate_data/annotate_5.js' %}"></script>
    <script>
        var task = '{{ task }}'
        var task_id = '{{ task.id }}'
        console.log(task_id)
        var taskdata = '{{ data_current }}'
        var taskdata_id = '{{ data_current.taskdata_id }}'
        {#var taskdata = '{{ data_current }}'#}
        {#var myParam = '{{  task.id }}';  // 将参数传递给JavaScript变量#}
        {# console.log(myParam);  // 在JavaScript中使用参数#}
    </script>

    <div class="col-col-8 offset-4">

        <div class="pagination">
            <ul class="pagination-list">
                <li>
                    <a href="{% url 'annotating_data:annotate' task.id pre_data.taskdata_id %}"><i
                            class="ti-arrow-left"></i></a></li>

                <li><a href="{% url 'annotating_data:index' task_id=task.id %}">返回</a></li>

                <li>
                    <a href="{% url 'annotating_data:annotate' task.id next_data.taskdata_id %}"><i
                            class="ti-arrow-right"></i></a></li>
            </ul>
        </div>
    </div>
    <div style="margin-top: 20px;"></div>

{% endblock %}